<template>
  <div class="empty-container">
    <img src="../images/empty.png" class="empty-pic"/>
    <span class="empty-text">{{tipText}}</span>
  </div>
</template>

<script>
  export default {
    props: {
      tipText: {
        type: String,
        default: ""
      }
    }
  }
</script>

<style lang="less" scoped>
  .empty-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
    padding-top: 95px;
    padding-bottom: 296px;
    .empty-pic {
      width: 254px;
      height: 254px;
    }
    .empty-text {
      font-size: 16px;
      color: #999999;
    }
  }
</style>
